﻿.codeBody{
	width:980px;
	margin:0 auto;
}

/* .codeSpanBg{ */
/* 	background:url("../images/findcode.gif") no-repeat scroll -20px 0px transparent; */
/* 	height:18px; */
/* 	line-height:18px; */
/* 	padding-left:30px; */
/* 	display:inline-block; */
/* 	font-size:14px; */
/* 	font-weight:300; */
/* 	margin-top:10px; */
/* } */ 

.codeMainBody{
	widht:980px;
	border:1px solid #e1e1e1;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	margin-top:15px;
	margin-bottom:15px;
	height:350px;
}

.codeMainBody span.content-1{
	height:35px;
	line-height:60px;
	width:230px;
}

.codeMainBody span.content-2{
	height:35px;
	line-height:60px;
}

.codeMainBody .inputName{
	width:240px;
	padding-left:10px;
	height:32px;
	line-height:32px;
}

.codeMainBody .inputImage{
	width:110px;
	padding-left:10px;
	height:32px;
	line-height:32px;
}


.codeMainBody .codepicture{
	background:#ff0000;
	height:32px;
	line-height:32px;
	display:inline-block;
	width:110px;
	margin-left:15px;
}

.codeButton{
	display:inline-block;
	font-weight:700;
	font-size:14px;
	color:#fff;
	text-align:center;
	width:170px;
	height:32px;
	line-height:32px;
	background:#1279b4;
	margin-top:10px;
}

.codeButton:hover{
	color:#fff;
	text-decoration: none;
	background:#1487c8;
}

/******zhaohui*****/
.restPasswordBody{
	border:1px solid #e1e1e1;
	min-height:390px;
	width:600px;
	margin: 30px auto;
}
.phoneCodeTipsClass{
  color: #ff0000;
  display: block;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.restPasswordBody .restPasswordTitle{
	border-bottom:1px solid #e1e1e1;
	height:50px;line-height:50px;
	padding-left: 20px;
	margin-bottom: 12px;
}
.restPasswordBody .rpTitle{
	font-size: 16px;
	font-weight: blod;
	color: #329ddc;
	margin-right:20px;
}
.codeSearchMainBody{
	border:1px solid #e1e1e1;
	margin-top:15px;
	margin-bottom:15px;
	min-height:450px;
	padding: 30px 30px;
}

.codeSearchMainBody .stepTitle{
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
	width: 920px;
	height: 48px;
}

.codeSearchMainBody .stepTitle .title{
	float: left;
	font-size: 18px;
	margin-right: 40px;
}

.mod-sub-nav {
    color: #767676;
    font: 16px/36px 微软雅黑,黑体;
    height: 36px;
	float: left;    
}

.mod-sub-nav li {
    float: left;
    padding: 0px 10px 10px;
}

.mod-sub-nav li.mod-sub-listcur{
	border-bottom: 3px solid #f08324;
	color: #333;
	font-weight: 700;
}

.mod-sub-nav li em{
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	margin-right: 10px;
}
.mod-sub-nav li em.list1-active {
    background: url("../images/icon10.png") no-repeat scroll -10px -10px transparent;
}

.mod-sub-nav li em.list2-active {
    background: url("../images/icon10.png") no-repeat scroll -56px -10px transparent;
}
.mod-sub-nav li em.list2-activecur {
    background: url("../images/icon10.png") no-repeat scroll -102px -10px transparent;
}

.mod-sub-nav li em.list3-active {
    background: url("../images/icon10.png") no-repeat scroll -148px -10px transparent;
}
.mod-sub-nav li em.list3-activecur {
    background: url("../images/icon10.png") no-repeat scroll -194px -10px transparent;
}
.mod-sub-nav li em.list4-active {
    background: url("../images/icon10.png") no-repeat scroll -240px -10px transparent;
}
.mod-sub-nav li em.list4-activecur {
    background: url("../images/icon10.png") no-repeat scroll -286px -10px transparent;
}

.mod-sub-nav li em.list1-activeed {
    background: url("../images/icon10.png") no-repeat scroll -286px -10px transparent;
}
.mod-sub-nav li em.list2-activeed {
    background: url("../images/icon10.png") no-repeat scroll -286px -10px transparent;
}
.mod-sub-nav li em.list3-activeed {
    background: url("../images/icon10.png") no-repeat scroll -286px -10px transparent;
}
.mod-sub-nav li em.list4-activeed {
    background: url("../images/icon10.png") no-repeat scroll -286px -10px transparent;
}

.mod-sub-nav li.line span{
	width: 50px;
	display: inline-block;
	border-bottom: 2px dotted #ccc;
	vertical-align: middle;
}


.Information{
	margin:30px auto;
	width:650px;
	padding-left:100px;
}
.Information .wordTitle{
	display:inline-block;
	width:190px;
	text-align:right;
	padding-right:10px;
}
.Information span.generality{
	font-size:14px;
	font-weight:300;
	margin-bottom: 5px;
	display: inline-block;
}
.Information .generality2{
	font-size:14px;
	font-weight:300;
	display: inline-block;
	margin:0px 0px 5px 95px;
}
.Information .generality3{
	color:red;
	font-size: 13px;
	height:18px;
	line-height:18px;
}

.Information span.generality.topdis{
	margin-top: 24px;
}
.Information p.generality{
	margin-bottom: 8px;
}
.Information span.leftDistance1{
	margin-left:95px;
}

.Information span.leftDistance2{
	margin-left:15px;
}

.Information span.leftDistance3{
	margin-left:30px;
}


.Information span.leftDistance5{
	margin-left:30px;
}

.Information span.leftDistance6{
	margin-left:45px;
}
.Information span.leftDistance7{
	margin-left:35px;
}
.Information .leftDistance4{
	margin-right:10px;
	height:30px;
}

.Information span.leftDistance2 .radio{
	margin-left:10px;
	margin-right:5px;
}

.Information span.leftDistance2 .radio2{
	margin-left:158px;
	margin-right:5px;
}

.Information span.number{
	margin-left:10px;
}

.Information .inputName{
	width:400px;
	padding-left:10px;
	height:38px;
	line-height:40px;
	border:1px solid #ccc;
}

.Information .inputName.sendPhoneCode{
	width: 270px;
}

.Information .codeSpan{
	display: inline-block;
	height: 40px;
	border: 1px solid #ccc;
	position: relative;
}

.Information input.code{
	border: none;
	height:40px;
	width: 211px;
}

.Information input.code:focus{
	border: none;
}

.Information .codeSpan a{
	color: #999;
	font-size: 14px;
	margin: 0px 12px;
	text-decoration: none;
}

.Information span.errorTips{
	font-size:14px;
	font-weight:300;
	display: inline-block;
	width: 290px;
	text-align: right;
}

.codeSearchButton{
	display:inline-block;
	font-weight:700;
	font-size:14px;
	color:#fff;
	text-align:center;
	width:120px;
	height:38px;
	line-height:40px;
	background:#0096e0;
	margin-top:24px;
	margin-bottom:20px;
	border:1px solid #fff;
}

.codeSearchButton:hover{
	color:#fff;
	text-decoration: none;
	background:#0096e0;
}

.codeResetButton{
	display:inline-block;
	font-weight:700;
	font-size:14px;
	color:#fff;
	text-align:center;
	width:120px;
	height:40px;
	line-height:40px;
	background:#0096e0;
	border:1px solid #0096e0;
	margin-right:195px;
	margin-top:24px;
}
.codeResetButton:hover{
	color:#fff;
	text-decoration: none;
	background:#0096e0;
}

.restPasswordBody .checkCode{
	background:#f6f7fc;
	border:1px solid #d9d9d9;
	color:#329ddc;
	height:32px;
	line-height:32px;
	font-weight:700;
}

 .connphone{
	padding:30px 0;
}

.setSucessful{
	margin-top: 72px;
}

.setSucessful .title{
	font-size: 24px;
	color: #333;
}

.setSucessful a{
	display: inline-block;
	background: #0096e0;
	width: 120px;
	height: 40px;
	border-radius: 2px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin-top: 36px;
}

.key_board10{
	left: 35px;
    top: 65px;
}
.key_board11{
	left: 35px;
    top: 65px;
}
.keyboard_ico10{
	right: 10px;
    top: 40px;
}
.keyboard_ico11{
	right: 10px;
    top: 40px;
}
/********/
.emailBody{
	widht:680px;
	padding-bottom:60px;
	margin-top:-6px;
	height:450px;
	/*background:url("../images/emailbg.png") repeat scroll transparent;*/
	/*background-position:50% 50%;*/
	background: #f5f5f5;
	display: inline-block;
	width: 100%;
}

/*****appLoad*****/
.mod-pc-nav {
    background: url("../images/lightcodebg.png") no-repeat scroll 0 0 transparent;
    color: #418DDA;
    font: 16px/36px 微软雅黑,黑体;
    height: 36px;
    margin: 30px 0 20px;
    width: 715px;
    margin:0px auto;
}

.mod-pc-nav li {
    float: left;
    padding-left: 40px;
}

.mod-pc-nav li.login1-active {
    background: url("../images/login1.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
     width: 202px;
}

.mod-pc-nav li.login2-active {
    background: url("../images/login2.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin-left: -16px;
    padding-left: 56px;
    width: 202px;
}

.mod-pc-nav li.login3-active {
    background: url("../images/login3.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin-left: -13px;
    padding-left: 56px;
    width: 175px;
}

/***账户同步****/
.Information .submitBody{
	
}
.Information p.titleExp{
	font-size:14px;
	line-height:25px;
}
.Information p.titleTopDis{
	margin-top:68px;
}
.Information .submitBody .newButton{
	background:#329ddc;
	text-align:center;
	display:inline-block;
	border-radius:3px;
	color:#ffffff;
}
.Information .submitBody .newButton:hover{
	text-decoration:none;
}
.Information .submitBody .buttonStyle{
	width:280px;
	height:46px;
	line-height:46px;
	font-size:16px;
}
.Information .submitBody .buttonLeftDis1{
	margin-left:180px;
}
.Information .submitBody .buttonLeftDis2{
	margin-left:150px;
}
.Information .submitBody .buttonLeftDis3{
	margin-left:60px;
}
.Information ul li input.passwordText{
	border:1px solid #e0e0e0;
	height:26px;
	line-height:26px;
	padding-left:10px;
	width:180px;
	margin-left:10px;
}


.scr-body {
    color: #4c4a4a;
    margin: 0 auto;
    width: 600px;
}
.scr-wrapper-inner {
    min-height: 343px;
    padding-bottom: 50px;
    position: relative;
}
.scr-reg-suc1 {
    background: url("../images/successicon.png") no-repeat scroll 240px 0px transparent;
    height:100px;
    margin:46px 0px 20px;
}